<template>
  <div id="father"></div>
</template>

<script setup lang="ts">
import { h, onMounted, render } from 'vue'
import XtxMessage from '@/components/message/index.vue'

// 通过h函数创建组件的虚拟DOM
const vnode = h(XtxMessage, { type: 'error', message: '错误提示文本' })
onMounted(() => {
  render(vnode, document.querySelector('#father')!)
})
</script>

<style scoped></style>
